@import "~scss/variables";

$color-state-positive: $color-emerald-500;
$color-state-negative: $color-crimson-500;

.sw-promotion-v2-individual-codes-behavior {
    margin: 0 -24px -24px;

    &__add-codes-action.mt-button--small {
        margin-right: 6px;
    }

    &__add-codes-modal {
        .sw-promotion-v2-individual-codes-behavior__code-amount.sw-field {
            margin-bottom: 0;
        }
    }

    &__description {
        font-size: $font-size-xs;
        line-height: 22px;
        margin-bottom: 24px;
    }

    &__redeemed-state {
        &.is--active {
            color: $color-state-positive;
        }

        &.is--inactive {
            color: $color-state-negative;
        }
    }

    &__redeemed-customer-name {
        cursor: pointer;
    }

    & &__card {
        margin-bottom: 0;
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }

    .sw-card-filter {
        width: 100%;
    }
}
